<template>
  <input class="my-input" type="text" :placeholder="placeholderText">
</template>

<script>
export default {
    name:'MyInput',
    props:{
        placeholderText:{
            type:String,
            default:'This is my Input'
        }
    }
};
</script>

<style>
.my-input {
    border: 1px solid red;
	border-radius: 2px;
}
</style>
